<%@ page session="false"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<html>
<head>

<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bienvenido</title>
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/jquery.mobile-1.4.2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/app.css">
<script
	src="${pageContext.request.contextPath}/resources/js/jquery-1.11.0.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.mobile-1.4.2.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.validate.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/views/login.js"></script>

<style>
.error {
	color: red;
}
</style>
</head>
<body>

	<div data-role="page" data-ajax="false" data-theme="a">
		<div data-role="header" data-position="fixed" data-id="header">
			<h1>GeoManagement</h1>
		</div>
		<div role="main" class="ui.content">
			<div class="centered-content">
				<h2>Login de usuarios</h2>

				<h4>Bienvenido al sistema de ingreso de GeoManagement</h4>
				<form action="${pageContext.request.contextPath}/login"
					method="post" id="f">
					<div class="centered-content">
						<label for="user" class="ui-hidden-accessible">Usuario</label> <input
							name="usuario" id="usuario" placeholder="Nombre de Usuario"
							 autofocus="autofocus"/> <label for="pass"
							class="ui-hidden-accessible">Password</label> <input
							type="password" name="password" id="password" 
							placeholder="Password" />
						<c:if test="${not empty error}">
							<span class="error">${error}</span>
						</c:if>

						<button type="submit" class="ui-btn ">Entrar</button>
					</div>

				</form>
			</div>
		</div>
		<div data-role="footer" data-position="fixed" style="text-align:center; padding: 15px;">
		V 0.2.15 <span style="float:right;margin-right: 50px; font-family: calibri;">Desarrollado por SolidIT</span>
		</div>
	</div>


</body>
</html>
